<!DOCTYPE html>
<html class=" js csstransforms csstransforms3d csstransitions">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>联系我</title>
    <link rel="stylesheet" href="css/contac.css">
</head>

<body>

    <div class="container">

        <div class="head">
            <!--鼠标悬停页面时，下拉显示的盒子-->
            <div class="name">
                <!--盒子中WENHUAN显示的地方,不可点击--><a href="index.html" target="_blank" style="text-decoration: none;">WEN-
                <BR>HUAN</a>
            </div>
            <div class="contacted">
                <!--盒子中联系我显示的地方，可以点击，转到联系我这一页--><a href="contact me.html" target="_blank" style="text-decoration: none;">联系我</a>
            </div>
            <span class="headsone"><!--跳转到about me那一页--><a href="about.html" target="_blank" style="text-decoration: none;">about me</a></span>
            <span class="headstwo"><a href="works.html" target="_blank" style="text-decoration: none;">works</a><!--跳转到works那一页--></span>
        </div>
        <div class="footer">
            <div class="footerso"><a href="about.html" target="_blank" style="text-decoration: none;">about me</a></div>
            <div class="footerst"><a href="works.html" target="_blank" style="text-decoration: none;">works</a></div>
            <div>
                <hr style="filter: alpha(opacity=100,style=3);" width="100%" color="black" size="4">
            </div>
            <div class="footer-border"></div>
            <div class="rowh">
                <div class="col-x1-12">
                    <p class="copy-right text-center">
                        lover
                        <script>
                            document.write
                        </script>"2020 @wenhuan"
                    </p>
                </div>
            </div>


            <section id="contact" class="section contact-section border-d active">
                <div class="section-block contact-block">
                    <div class="container-fluid">
                        <div class="section-header">
                            <h1>Contact <strong class="color">Me</strong></h1>
                        </div>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="contact-form">
                                    <form id="contact-form" data-toggle="validator" method="post" action="mail.php" novalidate="true">
                                        <div id="contact-form-result"></div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group"><input type="text" class="form-control" placeholder="Name" name="name" required="">
                                                    <div class="help-block with-errors"></div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group"><input type="email" class="form-control" placeholder="Email" name="email" required="">
                                                    <div class="help-block with-errors"></div>
                                                </div>
                                            </div>

                                            <div class="form-group"><input type="text" class="form-control" placeholder="Subject" name="subject" required="">
                                                <div class="help-block with-errors"></div>
                                            </div>
                                            <div class="form-group"><textarea class="form-control" placeholder="Message" name="message" rows="5" required=""></textarea>
                                                <div class="help-block with-errors"></div>
                                            </div>
                                            <div class="form-group text-center"><button type="submit" class="btn-custom btn-color disabled" style="pointer-events: all; cursor: pointer;">Send Message</button></div>
                                    </form>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
        </div>
        </section>
    </div>
    </div>

</body>

</html>


<body>

</body>

</html>